<template>
  <div>
    <div class="top">
        <span @click="fun()" style="font-size:.14rem">💜返回</span>
        <p>热门</p>
        <h1>···</h1>
      </div>
      yiyi
      <div style="margin-top:.4rem">
        <!-- <router-link to="/era">era</router-link>
      <router-link to="/erb">erb</router-link>
      <router-link to="/erc">erc</router-link> -->
      <router-link to="/yi/era">era</router-link>
         <router-link to="/yi/erc">erc</router-link>
         <router-link to="/yi/erb">erb</router-link>
      </div>
     <router-view></router-view>
  </div>
</template>

<script>
export default {
methods: {
 
  fun(){
    this.$router.go(-1)
  },
 }
}
</script>

<style scoped>
.top{
  display: flex;
  height: .4rem;
  width: 100%;
  background-color: white;
  line-height: .4rem;
  position: relative;
  border-bottom: .005rem solid gray;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.top>span{
color: gray;
font-size: .25rem;
margin-right: .25rem;
}
.top>p{
  font-size: .2rem;
}
.top>h1{
  position: absolute;
  right: .3rem;
}
</style>